<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!--引入ECharts脚本-->
    <script src="js/echarts.js"></script>
    <title>Insert title here</title>
</head>
<body>
<div id="main" style="width: 1000px;height: 400px;"></div>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
    // 指定图表的配置项和数据
    var option={
        xAxis: {data:['A', 'B', 'C']},
        yAxis: {},
        legend:{
         data:['一季度销量','二季度销量'],
         left:'right',
         top:'middle'
        },
        series:[
            {name:'一季度销量',
                type:'line',
                data:[120,200,150],
                stack:'x',
                areaStyle:{},
                smooth:true,
                label:{
                    show:true,
                    position:'top',//标签显示的位置，底端
                    fontsize:20
                }
                //lineStyle:{
                    //color:'red',
                    //type:'dashed',
                    //width:10
                //},
                //emphasis:{
                  //  label:{
                    //    show:true,//鼠标移动上去才显示
                      //  fontsize:20,
                        //align:'center',
                        //verticalAlign:'middle'
                    //}
                //}
            },{name:'二季度销量',
            type: 'line',
            data: [30,50,50],
                areaStyle:{}
            }
        ]
    };
    //使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>
</body>
</html>